<script setup>
import {ref,onMounted,defineProps,watch} from 'vue'
const valueMode=ref('Zd')
const emit = defineEmits(["openClose",'tabClick','tabTitleClick','SelectChange']);
const props=defineProps(
  {
    options: {type:Array,default:()=>[]},
    titleValue:{type:String,default:''}
    // activeValue:{type:String,default:''},
  }
)
console.log(props.options,'props');

valueMode.value=props.options[0].value

const editableTabsValue=ref ('1')
    const dialogVisible1=ref(true)
    const pointDetail=ref({  name: '管线长度', title: '管网监测点JS8329-0', address: '南一路', ph: '0', yali: '20', liuliang: '12' })
    function openClick() {
    }
   function openClose() {
      emit('openClose')
    }
   function tabClick(e) {
      emit('tabClick', e)
    }
   function tabTitleClick(e) {
      emit('tabTitleClick', e)
    }

// 选择器事件
function SelectChange(value){
    emit('SelectChange',value)
}
// const emit = defineEmits(['update:modelValue']);


</script>

  <template>
  <el-dialog
    width="1000"
    style="height: 500px"
    @open="openClick()"
    @close="openClose()"
    v-model="dialogVisible1"
  >
    <div class="SelectCss">
     <h6>{{ titleValue }}</h6>
    
    <el-select
      v-model="valueMode"
      placeholder="Select"
      size="small"
      style="width: 100px"
      @change="SelectChange"
    >
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      />
    </el-select>
  </div>
    <div id="main5" style="width: 1000px; height: 450px;"></div>
  </el-dialog>
</template>



<style lang="scss" scoped>
.SelectCss{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  // background-image: url('/icon/Tcbtbj3.png');
  // width: 1068px;
  // background-repeat: no-repeat;
  // background-size: contain; /* 或者使用 'cover' 来保持图片的纵横比，但填满整个容器 */
  // background-position: center;
  // height: 60px;
  // line-height: 60px;
  // margin-bottom: -7px;
  // margin-right: 30px;
  // position: absolute;
  // top: 0px;
}
// ::v-deep .el-tabs__header.is-top{
//   background-image: url('/icon/Tcbj@2x.png');
//   background-repeat: no-repeat;
//   background-size: contain; /* 或者使用 'cover' 来保持图片的纵横比，但填满整个容器 */
//   background-position: center;
//   height: 60px;
//   line-height: 60px;
//   top: -32px;
//   margin-bottom: -7px;
//   margin-right: 30px;
// }
// ::v-deep .el-dialog__header{
//   padding-bottom:0px;
// }
// ::v-deep .el-tabs__nav-wrap{
//   top: 10px;
// }
</style>
